/* BACKGROUND ADMIN PAGE LOGIN */
#bg-main-login{
    overflow: hidden;
    background: url("../IMG/background-admin-login.png");
}

#main-adminlogin{
    height: 540px;
    width: 540px;
    background-color: white;
    margin: 0 auto;
    -moz-box-shadow: 11px 11px 41px #000000;
    -webkit-box-shadow: 11px 11px 41px #000000;
    box-shadow: 11px 11px 41px #000000;
    border-radius: 10px;
}

#content-login{
    -moz-box-shadow: 11px 11px 41px #000000;
    -webkit-box-shadow: 11px 11px 41px #000000;
    box-shadow: 11px 11px 41px #000000;
    border-radius: 10px;
    margin: 0 auto;
    padding: 50px 70px 0px 40px;
    height: 100%;
    width: 100%;
    background-color: #365D98;
}
#logo-login{
    overflow: hidden;
    background: url("../IMG/logo1.png") no-repeat;
    height: 35px;
}
.text-login{
    font-family: tahoma;
    font-size: 20px;
    color: #C4DCF2;
}

.textNameAd{
    font-family: tahoma;
    font-size: 14px;

    -moz-box-shadow:inset 0px 1px 4px #000000;
    -webkit-box-shadow:inset 0px 2px 4px #000000;
    box-shadow:inset 0px 1px 4px #000000;

    outline: none;
    border: none;
    border-radius: 20px;
    padding: 15px;
    background-color: #2A4675;
    color: #C4DCF2;
    width: 100%;
    margin-top: 20px;
}

.btnLoginAd {
    margin-top: 30px;
    -moz-box-shadow:inset 0px 0px 17px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 0px 17px 0px #bbdaf7;
    box-shadow:inset 0px 0px 17px 0px #bbdaf7;
    background-color:#79bbff;
    -moz-border-radius:42px;
    -webkit-border-radius:42px;
    border-radius:42px;
    border:2px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family: "Segoe UI";
    font-size:24px;
    font-weight:bold;
    padding:8px 37px;
    text-decoration:none;
    text-shadow:0px 0px 27px #0407ce;
}

.btnLoginAd:hover {
     background-color:#378de5;
    cursor: pointer;
 }

.btnLoginAd:active {
      position:relative;
      top:1px;
  }

.message{
    margin-top: 30px;
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    border: 1px solid;
    color: #fff;
    padding: 15px;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    border-radius: 20px;
}

.error{
    background-color: #de4343;
    border-color: #c43d3d;
}

.success{
    background-color: #61b832;
    border-color: #55a12c;
}

.message h3{
    margin: 0 0 5px 0;
    font-family: arial;
    color: #C4DCF2;
}

.message p{
    margin: 0;
    font-family: arial;
    color: #C4DCF2;
}


/*MENU ADMIN*/

body{background-color:#E7EBF2;}
body{ padding:20px; font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
h2 {font-weight:bold; color:#000099; margin:10px 0px; }
p span {color:#006600; font-weight:bold; }
a, a:link, a:visited {color:#0000FF;}
textarea {width: 100%; padding: 10px; margin: 10px 0 15px 0; font-size: 13px; font-family: Consolas,monospace;}
textarea.html {height: 300px;}
p {margin: 0 0 10px 0;}
code, pre {font-family: Consolas,monospace; color: green;}
ol li {margin: 0 0 15px 0;}

#cssmenu, #cssmenu > ul{
    background: url("../IMG/highlight-bg.png") repeat;
    padding-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
    content: '';
    display: table;
}


#cssmenu:after, #cssmenu > ul:after {
    clear: both;
}

#cssmenu {
    zoom:1;
}

#cssmenu > ul{
    background: url("../IMG/menu-bg.png") repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu > ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}

#cssmenu > ul > li{
    float: left;
    position: relative;
}

#cssmenu > ul > li > a{
    padding: 23px 26px;
    display: block;
    color: white;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #0d0d0d;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .70);
    line-height: 18px;
}

#cssmenu > ul > li:hover > a{
    background: url("../IMG/highlight-bg.png") repeat;
    text-shadow: 0 -1px 0 #97321f;
    text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);
}

#cssmenu > ul > li > a > span{
    line-height: 18px;
}

#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
    background: url("../IMG/hover.png") repeat;
}

/* Childs */

#cssmenu > ul ul{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 120px;
    background: url("../IMG/menu-bg.png") repeat;
    margin: 0;
    padding: 0;
    z-index: -1;
}

#cssmenu > ul li:hover ul{
    opacity: 1;
    visibility: visible;
    margin: 0;
    color: #000;
    z-index: 2;
    top:64px;
    left: 0;
}

#cssmenu > ul ul:before{
    content: '';
    position: absolute;
    top: -10px;
    width: 100%;
    height: 20px;
    background: transparent;
}


#cssmenu > ul ul li{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#cssmenu > ul ul li a{
    padding: 18px 26px;
    display: block;
    color: white;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
    border-left: 4px solid transparent;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

#cssmenu > ul ul li a:hover{
    border-left: 4px solid #d64e34;
    background: url("../IMG/hover.png") repeat;
}

#cssmenu > ul ul li a:active{
    background: url("../IMG/menu-bg.png") repeat;
}
/* top status admin */
.btn-logout {
    -moz-box-shadow:inset 0px -1px 14px 2px #97c4fe;
    -webkit-box-shadow:inset 0px -1px 14px 2px #97c4fe;
    box-shadow:inset 0px -1px 14px 2px #97c4fe;
    background-color:#3d94f6;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:7px 20px;
    text-decoration:none;
    text-shadow:3px 1px 5px #1570cd;
}

.btn-logout:hover {
    cursor: pointer;
     background-color:#1e62d0;
 }

.btn-logout:active {
      position:relative;
      top:1px;
  }

.name-admin{
    color: firebrick;
}

#main-admin-work{
    width: 100%;
    height: 600px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    background-color: darkgrey;

}

#header-admin{
    background: url("../IMG/header.jpg") repeat-x;
    height: 50px;
}

#header-admin h2 {
    color: white;
}